---
# Overloads for Bootstrap
---

@import "bootstrap";

body {
  font-size: 18px;
  counter-reset: h2counter;
}

h1 {
  font-size: 40px;
  counter-reset: h2counter;
}

h2 {
  font-size: 30px;
  margin-top: 30px;
  margin-bottom: 15px;
}

h3 {
  margin-bottom: 15px;
}

h2:before {
  content: counter(h2counter) ".\0000a0\0000a0";
  counter-increment: h2counter;
  counter-reset: h3counter;
}
h3:before {
  content: counter(h2counter) "." counter(h3counter) ".\0000a0\0000a0";
  counter-increment: h3counter;
}

.ds-img-center-small {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width:400px;
}

.ds-img-center-medium {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width:600px;
}

.ds-img-center-large {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width:900px;
}

.ds-img-header {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width:500px;
}

.ds-header-ingress {
  margin-top: 30px;
}

table {
  @extend .table;
  @extend .table-bordered;
}

hr.ds-header {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(0, 0, 0);
}
